/* 修改TabPane的Pane区域背景颜色 */
.tab-pane {
    -fx-background-color: #ffffff;
}
/* 修改Tab的背景颜色 */
.tab {
    -fx-background-color: #ffffff;
    /*-fx-pref-height: 40px;*/
    -fx-background-insets: 1 1 1 1, 0 0 0 0, 0 0 0 0;
    -fx-padding: 0.0em 0.0em 0.0em 0.0em; /* 1 6 0.99 6 */
}
.tab-header-area{
    -fx-background-insets: 0;
    -fx-padding: 0 0 0 16;
    -fx-alignment: center;
}

/* 修改顶栏的背景颜色 */
.tab-pane>*.tab-header-area>*.tab-header-background
{
    -fx-background-color: -fx-outer-border, -fx-text-box-border, #ffffff;
    -fx-border-color: white white #e4e4e4 white;
    -fx-border-width: 1px 1px 1px 1px;
}
/* 修改Tab中文本的颜色 */
.tab-label {
    -fx-font-size: 15px;
    -fx-text-fill: #aaaaae;
    /*-fx-pref-width: 92px;*/
}

/* 子代选择器，Tab选中的时候选择其子元素tab-label */
.tab:selected .tab-label {
    -fx-text-fill: #1bc4ef;
}

/* Tab选中的时候选中其边框并修改样式 */
.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-border-radius: 0px;
    -fx-border-width: 0px 0px 5px 0px;
    -fx-border-color: #1bc4ef;
}

.tab-down-button{
    -fx-background-color: transparent;
    -fx-padding: 0;
    -fx-background-insets: 0;
    -fx-pref-width: 0;
    -fx-fit-to-width: 0;
    -fx-max-width: 0;
}
.control-buttons-tab{
    -fx-background-color: #ffffff;
    -fx-pref-width: 0;
    -fx-fit-to-width: 0;
    -fx-max-width: 0;
}

